﻿@import url("../../Reset.css");

html, body {height:100%;}
body {font:13.34px helvetica,arial,freesans,clean,sans-serif;min-height:100%;background-color:#f7f7f7;}

#page-body {background-color:#f7f7f7;overflow:hidden;min-height:100%;position:relative;}
#wrapper {width:996px;margin:0 auto;position:relative;}

h1, h2, h3, h4, h5, h6 {font-family:Arial,Verdana,sans-serif;}

#header {width:100%;height:80px;position:relative;}

#menuAdmin
{
	width:70%;
	float:left;
}

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px; border:1px solid #adf}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#b75;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#b75;}


#adminbar
{
	background-color:#fff;
	width:30%;
	float:right;
	text-align:right;
	height:25px;	
}
#adminbar p
{
	margin:5px 5px 0 0;	
}
strong, .strong {font-weight:bold;}
#banner
{
	height:80px;
}

/*Headings*/
h1, h2, h3, h4, h5, h6 {font-family:Arial,Verdana,sans-serif;}
.content h1 {font-size:22px;font-weight:bold;line-height:44px;}
.content h2 {font-size:20px;line-height:40px;}
.content h3 {font-size:18px;line-height:36px;}
.content h4 {font-size: 16px;font-style: italic;line-height: 32px;}
.content h5 {font-size: 14px;font-style: italic;line-height: 28px;}
.content h6 {font-size: 12px;font-style: italic;line-height: 24px;}
.content ul, .content ol {font-size: 12px;line-height: 20px;}
.content .bcont ul {list-style:disc outside none;margin-left: 20px;margin-bottom: 15px;}
.content .bcont ul li {margin-bottom:5px;list-style:disc outside none;}
.content .bcont ol {margin-left: 20px;margin-bottom: 15px;list-style:decimal outside none;}
.content .bcont ol li {margin-bottom:5px;list-style:decimal outside none;}
p {font-size: 12px;line-height: 20px;padding-bottom:15px;}

/* footer */
#footer {background:url("../images/footer_bg.gif") 0 0 repeat-x;clear:both;color:#757575;font-size:12px;overflow:hidden;padding:10px 0 20px;text-align:center;}
#footer .right {text-align:right;}

#content-scroll {width:100%;height: 75px;margin-bottom:7px;overflow: hidden;color:#888888;position: relative;}
#content-holder {width:100%;height: 75px;margin:0;position:absolute;}

.content-item {width:290px;height:78px;padding:5px;float:left;}



/*---------------+
|    Content     |
+---------------*/


/* block styles */
.sb-box, .sb-box-inner {border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.sb-box {margin: 0;border: 1px solid #e4e4e4;}
.sb-box-inner {/*position: relative;*/padding: 1px;background: #f8f8f8;border: 1px solid #fff;}
.sb-box-inner .header {height: 38px;margin: 1px -1px -1px;padding: 0 15px;line-height: 38px;background: transparent url("../images/bg-sb-title.png") repeat-x left top;}
.sb-box-inner .header h3 {font-weight: 600;text-shadow: 1px 1px 0px #fff;color: #444;float:left;}
.sb-box-inner .header ul {float:right;font-size:11px;margin:0;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,0.5);text-transform:uppercase;}
.sb-box-inner .header ul li {float:left;padding:0 0 0 10px;}
.sb-box-inner .header ul li a {display:block;padding:4px 10px;margin-top:5px;padding:3px 10px;text-decoration:none;outline:none;}
.sb-box-inner .header ul li.active a, .sb-box-inner .header ul li a:hover {color:#535353;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: rgb(246, 246, 246);background-color:rgba(255,255,255,0.5);}
.sb-box-inner .header ul li a:hover {color:#767676;background: rgb(242, 242, 242);background-color:rgba(255,255,255,0.2);}
.sb-box-inner .header ul li.active a:hover {background: rgb(246, 246, 246);background-color:rgba(255,255,255,0.5);}
.sb-box-inner .bcont {background-color:#fff;padding:14px;border-top:1px solid #f8f8f8;margin:1px 0 0;}
.sb-box-inner .nopadding {padding:0;}
.ui-state-highlight {height:60px;border:1px dashed #d5d5d5;margin:0 0 20px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: rgb(242, 242, 242);background-color:rgba(255,255,255,0.2);}

a.action {width:20px;height:20px;display:block;background:url("../images/action.png") 50% 50% no-repeat;outline:none;}
a.action:hover, a.action.active {width:18px;height:18px;background-color:#dbe3f2;border:1px solid #aeb6c2;}
.content .bcont .opmenu {position:absolute;z-index:1;width:120px;background: url("../images/opmenubg.png") top left no-repeat;display:none;}
.content .bcont .opmenu ul {display:block;padding:5px 5px 2px;margin:0 !important;list-style:none;}
.content .bcont .opmenu ul li {float:none;margin:0;padding:0;list-style:none;}
.content .bcont .opmenu ul li a {text-shadow:none;float:none;text-align:left;width:100px;margin:0;padding:5px 5px;background-image:none;display:block;border-bottom:1px solid #dedede;font:bold 11px tahoma;color: #333;text-decoration:none;outline:none;}
.content .bcont .opmenu ul li a:hover {color:#fff;background-color:#1785cd;padding-top:4px;border-top:1px solid #1068a1;border-bottom:1px solid #1068a1;}
.content .bcont .opmenu ul li:last-child a {border-bottom:0;}
.content .bcont .opmenu .foot {position:absolute;left:0;bottom:-3px;width:120px;height:3px;background: url("../images/opmenubg.png") bottom left no-repeat;}

/* forms */
select.select {width:310px;height:26px;color:#343434;margin:0 0 10px 0;font:bold 11px Tahoma,Helvetica,sans-serif;padding:5px 5px 5px 15px;}
select.select:focus, select.select:active {outline:none;}
select.select optgroup {padding: 5px 0;font-weight:bold;text-indent:15px;}
select.select option {padding: 5px 15px;font-weight:normal;}
select.select optgroup option {text-indent:10px;}
div.select {width:300px;display:block;height:30px;color:#343434;font:bold 11px Tahoma,Helvetica,sans-serif;text-shadow:#fff 1px 1px 0px;text-decoration:none;margin:0 0 10px 10px;padding-left:0px;background:url("../images/select.png") top right no-repeat;}
div.select  span {float:left;margin:0 10px 0 -10px;padding-left:20px;line-height:30px;position:relative;background:url("../images/select.png") top left no-repeat;}
.select-box {/*display: none;max-height:100px;*/position: relative; width: 278px; background: #fff; z-index:99999;}
.select-box .default {padding: 5px 7px; border: 1px solid #d9d9d9; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px;}
.select-box ul {display: none; margin:-10px 0 0 !important; padding: 0 !important; overflow: auto; position:absolute; z-index:9999;}
.select-box ul li {padding: 5px 20px;position:relative;z-index: 1000; cursor: pointer; margin: 0 !important; list-style-type: none !important; border: 1px solid #d9d9d9; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #fff }
.select-box ul li.group {font-weight:bold;}
.select-box ul li.ingroup {padding-left:30px;}
.select-box ul li.auto-focus {background: #4173CC;color: #fff;}
.select-box ul li.selected {background: #d9d9d9 !important;color:#2e2e2e;}
input.inputtext {width:96%;display:inline-block;height:22px;padding:3px 5px;margin-bottom:10px;vertical-align: middle;border:1px solid #d9d9d9;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background:url("../images/input-bg.png") top left repeat-x;}
input.inputtext:focus, .sb-box .bcont form textarea:focus {border:1px solid #acacac;}
input.inputtext.small {width:200px;}
input.inputtext.medium {width:298px;}
input.inputtext.big {width:400px;}
.sb-box .bcont label {display:inline-block;font-size: 12px;font-weight: bold;color: #555;margin:0 10px 0 0;vertical-align: middle;}
.sb-box .bcont form p {padding-bottom:15px;clear:both;}
.sb-box .bcont form p input.inputtext {margin-bottom:0;}
.sb-box .bcont form textarea {width: 98%;height: 140px;padding: 5px;margin:0;display:block;border:1px solid #d9d9d9;font-size: 14px;color: #333;background:url("../images/input-bg.png") top left repeat-x;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;outline: none;}
.sb-box .bcont form textarea.resizable {-moz-border-radius:3px 3px 0px 0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.sb-box .bcont form textarea.wysiwyg {width: 96%;}
.sb-box .bcont form input.radio, .sb-box .bcont form input.checkbox {vertical-align: middle;}
.sb-box .bcont form .note {padding-left: 10px;font-size: 11px;font-weight: bold;color: #757575;vertical-align: middle;}
.sb-box .bcont form .note.error {color: #e3302c;}
.sb-box .bcont form .note.loading {background:url('../images/ajax-loader.gif') 10px 50% no-repeat;padding-left:30px;display:inline-block;}
.sb-box .bcont form hr {height: 1px;border: 0;background: none;border-bottom: 1px solid #ddd;margin-bottom: 15px;}

/* firefox hack */
@-moz-document url-prefix() {
	button::-moz-focus-outer, ::-moz-focus-inner {border:none !important;outline: none !important;}
	button.button {margin-left:4px;}
	button.button  span {margin:0 11px 0 -10px;}
}

/* Image list */
.content .bcont .thumbs {overflow: hidden;margin: 0;padding: 0;}
.content .bcont .thumbs ul {padding: 0;}
.content .bcont .thumbs li {padding: 0;margin: 0;background: 0;width: 100px;height: 100px;display: block;float: left;position: relative;margin: 13px 17px 10px 10px;border: 1px solid #ccc;padding: 1px;box-shadow: 0 0 3px #ccc;-moz-box-shadow: 0 0 3px #ccc;-webkit-box-shadow: 0 0 3px #ccc;}	
.content .bcont .thumbs li img {position: absolute;z-index: 1;width: 100px;height: 100px;}


.floatleft {float:left;}
.floatright {float:right;}

/* clearing & floating */
.clearingfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearingfix {height:1%;}
*+html .clearingfix {width:100%;height:1px;}
.clearingfix {display: block;}

.textbox
{
	width:450px;
	height:25px;
}
.multiline
{
	height:150px;
}
.btnButton
{
	padding:3px 5px 3px 5px;
	min-width:50px;
}
.from_Label
{
	padding:3px 3px 10px 3px;
}
.from_Value
{	
	padding:3px 3px 10px 3px;
}

table.infotable {margin-bottom:15px;text-align:left;}
table.infotable  tr td, table.infotable tr th {border-bottom:1px solid #DDDDDD;line-height:normal;padding:5px 10px;text-align:left;}
table.infotable  tr td.small, table.infotable tr th.small {width:20px;text-align:center;}
table.infotable  tr td.small input[type="checkbox"], table.infotable tr th.small  input[type="checkbox"] {vertical-align:middle;}
table.infotable thead tr {background-color:#f5f5f5;}
table.infotable th {font-weight:bold;color: #305B7F;text-shadow: 1px 1px 0px rgba(255,255,255,1);}
table.infotable tbody tr.selected {background-color:#fdffea !important;}

.tableactions {float:left;}
.nopadding .tableactions {margin-left:10px;}
.tableactions select {height:22px;vertical-align:top;}

/* pagination styles */
.pagination {font-size: 11px;font-weight: bold;padding-bottom: 15px;padding-top: 15px;border-top: 1px solid #eee;}
.pagination.floatright {float:right;text-align: right;padding-top:0;border: 0;overflow: hidden;}
.nopadding .pagination {margin-left:10px;}
.nopadding .pagination.floatright {margin-right:10px;}
.pagination a{background:url("../images/bg-sb-title.png") 0 0 repeat-x;border:1px solid #aeb6c2;display:inline-block;text-shadow:1px 1px 0 #fff;line-height:20px;padding:0 10px;color:#0089b6 !important;/*text-shadow:-1px -1px 0 rgba(0,0,0,0.3);*/border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;/*background:url(images/minibutton_matrix.png) 0 0 no-repeat;white-space:nowrap;border:none;*/outline:none;overflow:visible;cursor:pointer;text-decoration:none !important;margin-bottom:5px;}
.pagination a:hover, .pagination a.active {border:1px solid #979797;color:#5f5f5f !important;text-decoration:none;background-position:0 50%;}
